<!DOCTYPE html>
<html lang="zh" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/log.css">
    <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.css">
    <style>
        .nav{
        width: 100%;
        height: 40px;
        background-color: #333333;
        padding: 8px;
        box-sizing: border-box;

    }
    .nav a:hover{
        text-decoration: none;
        color: white;
    }
    .nav a{
        color: #b0b0b0;
        font-size: 12px;

    }
    .nav>.left{
        float:left
    }
    .nav>.left>li{
        display: inline-block;
        vertical-align: middle;
    }
    .nav>.right{
        float: right;
    }
    .nav>.right>li{
        display: inline-block;
        vertical-align: middle;
    }
    .nav li>a>span{
        display: inline-block;
        vertical-align: middle;
        width: 2px;
        height: 10px;
        background-color: rgb(66, 66, 66);
        margin-left: 3px;
    }
    </style>
</head>


<body>
        <!-- 导航条开始 -->
<div class="nav">
    <ul class="left">
        <li><a href="Shop.html">小米商城<span></span></a></li>
        <li><a href="main.html">小米官网<span></span></a></li>
        <li><a href="">IoT<span></span></a></li>
        <li><a href="">云服务<span></span></a></li>
        <li><a href="">有品<span></span></a></li>
        <li><a href="">小爱开放平台<span></span></a></li>
        <li><a href="">企业团购<span></span></a></li>
        <li><a href="">资质证照<span></span></a></li>
        <li><a href="">协议规则<span></span></a></li>
        <li><a href="">下载APP<span></span></a></li>
        <li><a href="">智能生活<span></span></a></li>
    </ul>
    <ul class="right">
        <li><a href="log.html">登录<span></span></a></li>
        <li><a href="">注册<span></span></a></li>
        <li><a href="">消息通知</a></li>
    </ul>

</div>
<!-- 导航条结束 -->  
    <div class="container">
        <div class="login-wrapper">
            <div class="header">登录</div>
            <div class="form-wrapper">

                <form action="/boot/loginServlet" method="post" id="form">
                <input type="text" name="username" placeholder="username" class="input-item" id="username">
                <input type="password" name="password" placeholder="password" class="input-item" id="password">
                <!-- <button class="btn"><a href="./honor.html" style="color: black;">登录</a></button> -->
                <input type="submit" class="button" value="登录">
                </form>

<!--                <input type="reset" class="button" value="注册">-->

            </div>


            <div class="msg" >
                
                <a href="#" id="rigster">Don't have account? Sign up</a>
            </div>
        </div>
    </div>
</body>

<script src="plugins/jquery/log.js"></script>
</html>
